.page-content.container-fluid
  .row
    .col-md-5
      .panel.panel-default
        .panel-heading
          h3.panel-title Panel title
        .panel-body
          | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          | tempor incididunt ut labore et dolore magna aliqua.
      .panel.panel-primary
        .panel-heading
          h3.panel-title Panel title
        .panel-body
          | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          | tempor incididunt ut labore et dolore magna aliqua.
      .panel.panel-success
        .panel-heading
          h3.panel-title Panel title
        .panel-body
          | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          | tempor incididunt ut labore et dolore magna aliqua.
      .panel.panel-info
        .panel-heading
          h3.panel-title Panel title
        .panel-body
          | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          | tempor incididunt ut labore et dolore magna aliqua.
      .panel.panel-warning
        .panel-heading
          h3.panel-title Panel title
        .panel-body
          | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          | tempor incididunt ut labore et dolore magna aliqua.
      .panel.panel-danger
        .panel-heading
          h3.panel-title Panel title
        .panel-body
          | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          | tempor incididunt ut labore et dolore magna aliqua.
    .col-md-7
      .panel.panel-default
        .panel-heading
          h3.panel-title Panel heading
        .panel-body
          p
            | Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
        table.table
          thead
            tr
              th #
              th First Name
              th Last Name
              th Username
          tbody
            tr
              th(scope='row') 1
              td Mark
              td Otto
              td @mdo
            tr
              th(scope='row') 2
              td Jacob
              td Thornton
              td @fat
            tr
              th(scope='row') 3
              td Larry
              td the Bird
              td @twitter
      .panel.panel-default
        .panel-heading
          h3.panel-title Panel heading
        .panel-body
          p
            | Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
        ul.list-group
          li.list-group-item Cras justo odio
          li.list-group-item Dapibus ac facilisis in
          li.list-group-item Morbi leo risus
          li.list-group-item Porta ac consectetur ac
          li.list-group-item Vestibulum at eros
  .row
    .col-md-6
      .widget
        .widget-heading
          h3.widget-title Default Media
        .widget-body
          .media
            .media-left
              a(href='#')
                img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/01.jpg')
            .media-body
              h4.media-heading Media heading
              | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
          .media
            .media-left
              a(href='#')
                img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/11.jpg')
            .media-body
              h4.media-heading Media heading
              | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
              .media
                .media-left
                  a(href='#')
                    img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/02.jpg')
                .media-body
                  h4.media-heading Nested media heading
                  | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
          .media
            .media-body
              h4.media-heading Media heading
              | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
            .media-right
              a(href='#')
                img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/12.jpg')
          .media
            .media-left
              a(href='#')
                img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/03.jpg')
            .media-body
              h4#media-heading.media-heading Media heading
              | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
            .media-right
              a(href='#')
                img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/13.jpg')
    .col-md-6
      .widget
        .widget-heading
          h3.widget-title Media Alignment
        .widget-body
          .media
            .media-left
              a(href='#')
                img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/01.jpg')
            .media-body
              h4.media-heading Top aligned media
              p
                | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
              p
                | Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
          .media
            .media-left.media-middle
              a(href='#')
                img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/02.jpg')
            .media-body
              h4.media-heading Middle aligned media
              p
                | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
              p
                | Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
          .media
            .media-left.media-bottom
              a(href='#')
                img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/11.jpg')
            .media-body
              h4.media-heading Bottom aligned media
              p
                | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
              p
                | Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  .row
    .col-md-6
      .widget
        .widget-heading
          h3.widget-title Media List
        .widget-body
          ul.media-list
            li.media
              .media-left
                a(href='#')
                  img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/01.jpg')
              .media-body
                h4.media-heading Media heading
                p
                  | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                // Nested media object
                .media
                  .media-left
                    a(href='#')
                      img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/11.jpg')
                  .media-body
                    h4.media-heading Nested media heading
                    | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                    // Nested media object
                    .media
                      .media-left
                        a(href='#')
                          img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/11.jpg')
                      .media-body
                        h4.media-heading Nested media heading
                        | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                // Nested media object
                .media
                  .media-left
                    a(href='#')
                      img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/12.jpg')
                  .media-body
                    h4.media-heading Nested media heading
                    | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
    .col-md-6
      .widget
        .widget-heading
          h3.widget-title Media Sizes
        .widget-body
          .media
            .media-left
              a(href='#')
                img.media-object.mo-xs.img-circle(alt='', src=build+'images/users/11.jpg')
            .media-body
              h6.media-heading Media extra small
              p.fs-12
                | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.
          .media
            .media-left
              a(href='#')
                img.media-object.mo-sm.img-circle(alt='', src=build+'images/users/12.jpg')
            .media-body
              h5.media-heading Media small
              p
                | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.
          .media
            .media-left
              a(href='#')
                img.media-object.mo-md.img-circle(alt='', src=build+'images/users/09.jpg')
            .media-body
              h5.media-heading Media medium
              p
                | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.
          .media
            .media-left
              a(href='#')
                img.media-object.mo-lg.img-circle(alt='', src=build+'images/users/14.jpg')
            .media-body
              h4.media-heading Media large
              p
                | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.
  .row
    .col-md-4
      .widget
        .widget-heading
          h3.widget-title Basic List Groups
        .widget-body
          ul.list-group
            li.list-group-item Cras justo odio
            li.list-group-item Dapibus ac facilisis in
            li.list-group-item Morbi leo risus
            li.list-group-item Porta ac consectetur ac
            li.list-group-item Vestibulum at eros
    .col-md-4
      .widget
        .widget-heading
          h3.widget-title Badges
        .widget-body
          ul.list-group
            li.list-group-item
              span.badge.bg-warning 4
              | Cras justo odio
            li.list-group-item
              span.badge.bg-danger 2
              | Dapibus ac facilisis in
            li.list-group-item
              span.badge.bg-info 1
              | Morbi leo risus
            li.list-group-item
              span.badge.bg-success 2
              | Porta ac consectetur ac
            li.list-group-item
              span.badge 6
              | Vestibulum at eros
    .col-md-4
      .widget
        .widget-heading
          h3.widget-title Contextual Classes
        .widget-body
          ul.list-group
            li.list-group-item.list-group-item-success Dapibus ac facilisis in
            li.list-group-item.list-group-item-info Cras sit amet nibh libero
            li.list-group-item.list-group-item-warning Porta ac consectetur ac
            li.list-group-item.list-group-item-danger Vestibulum at eros
  .row
    .col-md-4
      .widget
        .widget-heading
          h3.widget-title Linked Items
        .widget-body
          .list-group
            a.list-group-item.active(href='#') Cras justo odio
            a.list-group-item(href='#') Dapibus ac facilisis in
            a.list-group-item(href='#') Morbi leo risus
            a.list-group-item(href='#') Porta ac consectetur ac
            a.list-group-item(href='#') Vestibulum at eros
    .col-md-8
      .widget
        .widget-heading
          h3.widget-title Custom Content
        .widget-body
          .list-group
            a.list-group-item.active(href='#')
              h4.list-group-item-heading List group item heading
              p.list-group-item-text
                | Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
            a.list-group-item(href='#')
              h4.list-group-item-heading List group item heading
              p.list-group-item-text
                | Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
            a.list-group-item(href='#')
              h4.list-group-item-heading List group item heading
              p.list-group-item-text
                | Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
  .row
    .col-md-12
      .widget
        .widget-heading
          h3.widget-title Jumbotron
        .widget-body
          .jumbotron
            h1 Hello, world!
            p
              | This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
            p
              a.btn.btn-raised.btn-black.btn-lg(href='#', role='button') Learn more
  .row
    .col-md-12
      .widget
        .widget-heading
          h3.widget-title Wells
        .widget-body
          .well.well-sm
            | Look, I'm in a small well!
          .well
            | Look, I'm in a well!
          .well.well-lg
            | Look, I'm in a large well!